<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>中铝知识问答平台下载</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
        <style>
        html,
            body {
                margin:0
            }
            .content{
                text-align:center;position:relative;  margin: 0 auto;
            }
           .down{
                width: 100%;
                margin: 0 auto;
                position: absolute;
                top: 30%;
               
           }
           .bg{
                max-width: 100%;
           }
           .down>div{
            width: 65%;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 20px;
            max-width: 265px;
           }
           .down img{
                width: 100%;
                display: block
           }
            
            .mat-content-alert{
             
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                text-align: center;
                float: right;
                background: #333;
                opacity: .5;
                z-index: 8;
                display: none;
            }
            .imgPart  .float-left{
                float: left;
                    width: 1.6rem;
                        margin: 20px;
            }
            .float-right{
                float: right;
                width: 2rem;
            }
           .mat-content-alert p{ 
                margin-top: 70px;
                color: #fff;
                    text-align: right;
           }

        </style>
    </head>

    <body>
        <div class="content"  >
            <img src="img/down.png"  class="bg" >
 
            <div class="mat-content-alert  " id="alert">
            <div class="  imgPart">
                <img src="img/11.png" alt="" class="show float-left" id="close" />
                <img src="img/10.png" alt="" class="show float-right"  />
            </div>
            <p> 1.猛击右上角菜单。 <br>
                2.选择在浏览器打开。
            </p>
        </div>
            <div class="down">
                <!-- <div  onclick="goto('ios')">
                 <img src="img/ios.png" alt=""> 
               </div> -->
                <!-- <div onclick="goto('android1')">   <img src="img/ad1.png" alt=""> </div> -->
                <div id="apkd">   <img src="img/ad1.png" alt=""> </div>
            </div>
        </div> 
        <script type="text/javascript" src="urls.json"></script>
        <script type="text/javaScript">
           
                function goto(its){ 
                    console.log(urls[its])
                    window.location.href=urls[its];
                }
                 
                document.getElementById("apkd").addEventListener("click",function(){
                        if (navigator.userAgent.match("MicroMessenger")){
                            document.getElementById("alert").style.display='block';
                        }else{
                            window.location.href=urls.android2;
                        }
                });
                document.getElementById("close").addEventListener("click",function(){ 
                            document.getElementById("alert").style.display='none';
                        
                });

                

        </script>
    </body>

</html>